<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" href="css/grandeHealth.css">
		<style>
			.mui-content{padding: 0!important;}
			#index_Shange{background-color: #ebf2fa;}
			#index_Shange .mui-table-view-cell{background: #fff;margin: 3% 4% 0 4%;border-radius: 10px;height: 120px;}
			#index_Shange .mui-table-view-cell img{width:50px;}
			#index_Shange .mui-table-view-cell .mui-media-body{color: #12A1E5;}
		</style>
	</head>
	<body>
		<div class="mui-content">
			<!--banner-->
	        <div id="slider" class="mui-slider">
	          <div class="mui-slider-group mui-slider-loop">
	            <!-- clone -->
	            <div class="mui-slider-item mui-slider-item-duplicate">
	              <a href="javascript:;">
	                <<img src="images/banner_1@2x.png">
	              </a>
	            </div>
	            <!-- 第一张 -->
	            <div class="mui-slider-item">
	              <a href="javascript:;">
	                <img src="images/banner_1@3x.png">
	              </a>
	            </div>
	            <!-- 第二张 -->
	            <div class="mui-slider-item">
	              <a href="javascript:;">
	                <img src="images/banner_1@2x.png">
	              </a>
	            </div>
	            <!-- clones -->
	            <div class="mui-slider-item mui-slider-item-duplicate">
	              <a href="javascript:;">
	                <img src="images/banner_1@3x.png">
	              </a>
	            </div>
	          </div>
	          <div class="mui-slider-indicator">
	            <div class="mui-indicator mui-active"></div>
	            <div class="mui-indicator"></div>
	          </div>
	        </div>
			<!-- list -->
			<ul class="mui-table-view mui-grid-view mui-grid-9" id="index_Shange">
				<li class="mui-table-view-cell mui-media mui-col-xs-5 mui-col-sm-5">
					<a href="javascript:;">
						<img src="images/indexZhenshi.png" />
						<div class="mui-media-body">我的诊室</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-5 mui-col-sm-5">
					<a href="javascript:;">
						<img src="images/indexDr.png" />
						<div class="mui-media-body">多人会诊</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-5 mui-col-sm-5">
					<a href="javascript:;">
						<img src="images/indexYuyue.png" />
						<div class="mui-media-body">我的预约</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-5 mui-col-sm-5">
					<a href="javascript:;">
						<img src="images/indexWenzhen.png" />
						<div class="mui-media-body">问诊记录</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-5 mui-col-sm-5">
					<a href="javascript:;">
						<img src="images/indexKaohe.png" />
						<div class="mui-media-body">业绩考核</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-5 mui-col-sm-5">
					<a href="javascript:;">
						<img src="images/indexMb.png" />
						<div class="mui-media-body">模板管理</div>
					</a>
				</li>
			</ul>
		</div>
		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/grandeHealth.js"></script>
		<script src="js/medicalRecord.js"></script>
		<script>
			//banner初始化
			var slider = mui("#slider");
			slider.slider({
				interval: 2000
			});
			
			//我的诊室
			mui("body").on("tap", "#index_Shange li:nth-child(1)", function() {
			   if(XHDOC_BROWSETYPE ==  'IOS') {
				  showpage('my_home.html');
			   } else if(XHDOC_BROWSETYPE == 'ANDROID') {
				  window.android.my_consult_room();
			   }else{
				  showpage('my_home.html');
			   }

			})
			
			//多人会诊
			mui("body").on("tap", "#index_Shange li:nth-child(2)", function() {
			window.android.toPers();
			<!--showpage("waitConsultation.html");-->
//				showpage('yeji_assessment.html');
			})
			
			//我的预约
			mui("body").on("tap", "#index_Shange li:nth-child(3)", function() {
				if(XHDOC_BROWSETYPE ==  'IOS') {
					showpage('yeji_assessment.html');
					
				} else if(XHDOC_BROWSETYPE == 'ANDROID') {
					window.android.to_my_yuyue();
				}else{
//					showpage('yeji_assessment.html');
				}
			})
			
			//问诊记录
			mui("body").on("tap", "#index_Shange li:nth-child(4)", function() {
				showpage('inquiry_record.html');
			})
			
			//业绩考核
			mui("body").on("tap", "#index_Shange li:nth-child(5)", function() {
				showpage('yeji_assessment.html');
			})
			
			//模板管理
			mui("body").on("tap", "#index_Shange li:nth-child(6)", function() {
				showpage("healthProgramMain.html", "healthProgramMain.html")
			})
			
		</script>
	</body>
</html>